<!-- AI实验室的layout，因为header不同，所以需额外写一个layout文件 -->
<template>
  <div class="layout-page">
    <layout-header header-type="admin" />
    <div class="layout-main">
      <div class="no-auth-block gap-y-20">
        <img src="@/assets/img/403.svg" />
        <p>暂无权限</p>
        <a-button class="w-120" @click="$router.push('/')">返回首页</a-button>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
  import LayoutHeader from '@/layout/components/LayoutHeader.vue'
</script>

<style lang="less" scoped>
  .layout-page {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    align-content: flex-start;
    flex-flow: column wrap;
    background-color: #fff;

    .layout-main {
      position: relative;
      z-index: 1;
      overflow: hidden;
      background-color: #fff;
      flex: 1;
      .fc();

      .no-auth-block {
        .fc();

        flex-direction: column;

        img {
          width: 230px;
          height: 140px;
        }

        p {
          font-size: 18px;
          color: @text02;
          font-weight: 400;
        }
      }
    }
  }
</style>
